{% extends 'base.html' %}
{% block css %}

{% endblock %}
{% block title %}
    在线博客平台
{% endblock %}


{% block content %}
    <div class="layui-container">
        <h1 class="layui-header" style="text-align: center; margin-top: 30px;">在线博客平台</h1>
        <div class="layui-row">
            <div class="layui-col-md12" style="padding: 20px;">
                <fieldset class="layui-elem-field layui-field-title">
                  <legend>系统介绍</legend>
                  <p>这是一个先进的在线博客平台，用户可以在这里发表、阅读和分享博客。</p>
                  <p>本平台提供了丰富的博客管理功能，包括但不限于博客的创建、编辑、分类以及评论。</p>
                </fieldset>

                <fieldset class="layui-elem-field layui-field-title">
                  <legend>功能介绍</legend>
                  <ul class="layui-timeline">
                    <li class="layui-timeline-item">
                      <i class="layui-icon layui-timeline-axis">&#xe63f;</i>
                      <div class="layui-timeline-content layui-text">
                        <h3 class="layui-timeline-title">博客创建</h3>
                        <p>用户可以轻松创建自己的博客，添加标题、内容和图片。</p>
                      </div>
                    </li>
                    <li class="layui-timeline-item">
                      <i class="layui-icon layui-timeline-axis">&#xe63f;</i>
                      <div class="layui-timeline-content layui-text">
                        <h3 class="layui-timeline-title">博客编辑</h3>
                        <p>已发布的博客可以随时编辑和更新。</p>
                      </div>
                    </li>
{#                    <li class="layui-timeline-item">#}
{#                      <i class="layui-icon layui-timeline-axis">&#xe63f;</i>#}
{#                      <div class="layui-timeline-content layui-text">#}
{#                        <h3 class="layui-timeline-title">博客分类</h3>#}
{#                        <p>用户可以为自己的博客选择分类，便于读者浏览。</p>#}
{#                      </div>#}
{#                    </li>#}
                    <li class="layui-timeline-item">
                      <i class="layui-icon layui-timeline-axis">&#xe63f;</i>
                      <div class="layui-timeline-content layui-text">
                        <h3 class="layui-timeline-title">评论系统</h3>
                        <p>读者可以对博客发表评论，增加互动性。</p>
                      </div>
                    </li>
                  </ul>
                </fieldset>
            </div>
        </div>
    </div>
{% endblock %}